@import "./variables";

//toast
.mint-toast {
  padding: 8px 20px !important;
}

.mint-toast-text {
  font-size: .28rem !important;
}

.mint-indicator-wrapper {
  z-index: $modalZIndex+1;
}

.mint-indicator-mask {
  z-index: $modalZIndex+1;
}

//picker
.mint-datetime {
  width: 100%;
  .picker-slot-wrapper, .picker-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .picker-toolbar {
    border-bottom: solid 1px #eaeaea;
  }
  .mint-datetime-action {
    display: inline-block;
    width: 50%;
    text-align: center;
    line-height: 1.00rem;
    font-size: .3046rem;
    color: #020202;
  }
  .mint-datetime-cancel {
    float: left;
    text-align: left;
    font-size: .28rem;
    padding-left: .26rem;
  }

  .mint-datetime-confirm {
    padding-right: .26rem;
    float: right;
    text-align: right;
    font-size: .28rem;
  }
  .picker-toolbar {
    height: 1.00rem;
  }
}

.picker-slot-wrapper {
  -webkit-overflow-scrolling: touch;
}

.picker-items {
  padding: .15rem 0;
}

.picker-item {
  font-size: .32rem;
}

.picker-selected {
  font-size: .36rem;
}

.v-modal {
  opacity: .4;
}

.picker-center-highlight {
  @mixin linear() {
    $bgColor: left, #FAFAFA, #5F5F5F, #FAFAFA, #5F5F5F, #FAFAFA, #5F5F5F, #FAFAFA;
    height: 2px;
    background: -moz-linear-gradient($bgColor);
    background: -o-linear-gradient($bgColor);
    background: -webkit-linear-gradient($bgColor);
  }
  &:before, &:after {
    @include linear;
  }
}
